/*reset*/
	*{ margin: 0; padding: 0;}
	html,body{width: 100%; height:100%;overflow:hidden }
	body{font-family:Microsoft Yahei,Verdana,Geneva,sans-serif;
	background: url(../img/bg1.jpg) no-repeat center;
	}
	body,div,form,p,img,ul,li,ol,dl,dt,dd,hr,span,s{margin:0; padding:0; border:0;}
	li{ list-style-type: none;}
	img{vertical-align:middle;}table{border-collapse:collapse;border-spacing:0;}
	i,em{ font-style:normal;} 
	a{ text-decoration: none;}
	textarea{resize: none}
	
.content{filter:alpha(opacity=90);
-moz-opacity:0.90; 
opacity:0.90; 
 height:0px;
margin-left: 80px;
margin-right: 100px;
}



.head{width: 100%; height: 63px; background: url(../img/headerbg.jpg) repeat-x; }
#logo{ float: left; line-height: 55px;}
#bntkh{ float: left;line-height: 55px;}
.nav_m ul{ float: right; }
.nav_m ul li{ padding: 18px 15px;float: left; font-size: 100%; display: block;}
.nav_m ul li:hover{
	padding: 20px 15px;
	transition:padding 0.1s;
	transition-timing-function:linear;
	/* Firefox 4 */
	-moz-transition:padding 0.1s;
	-moz-transition-timing-function:linear;
	/* Safari and Chrome */
	-webkit-transition:padding 0.1s;
	-webkit-transition-timing-function:linear;
	/* Opera */
	-o-transition:padding 0.1s;
	-o-transition-timing-function:linear;}
.nav_m ul li a{color: #FFFFFF;}
.head:after{
	content: "";
	height: 0px;
	display: block;
	clear: both;
	visibility: hidden;
}

.navleft{width: 65px;   float: left;  margin:5px;}
.navleft ul li{background: url(../img/navleft.png) no-repeat; width: 73px; height: 83px; cursor: pointer;}
.navleft ul #n2{ background-position: 0 -98px;}
.navleft ul #n3{ background-position:0 -180px;}
.navleft ul #n4{ background-position:0 -255px;}
	
	
.cont_center{ float: left; width: 37.4%;margin:5px; height:100%;}
.cont_left{ float: left;width:50%;margin:5px; height:100%}		
/*.cont_left{ width: 45%;   float: left;margin:5px; 
			background: #434343; /*filter:alpha(opacity=50); 支持 IE 浏览器-moz-opacity:0.50; /*支持 FireFox 浏览器opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器}
			
.cont_center{width: 700px; height: 900px; float: left; 

			}*/
			
.cont_right{width: 15%;  float: right;
			background: #434343;margin:5px; }
			.toupiao img{ width: 100%;}
			
.xz{ border-bottom: 2px solid #FFFFFF;}			
	
	
/*左边*/			
#video{ width: 100%; height:550px; background: #284E91;}

		#art{
			margin-top:15px;
			height:40px;
			width:100%;
			background: #1b1b1b;
			}
			#art div{
				float:left;
				width:33%;
				height:40px;
				line-height:30px;
				text-align:center;
				color:#FFFFFF;
				cursor:pointer;
				}
			#art div.arthv{
				
				color:#1c4c8c;
				}
			#art div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			#artList{
				width:100%;
				height:250px;
				
				background-color:#3c3933;
				color: #FFFFFF;
				}	
				
				
#cehuan{width: 100%;}		
#atr1cont{ padding-top:30px; width: 500px; margin: 0 auto;}	
#atr1cont p{ display: inline-block;}
	


.atr1cont{ padding-top:30px; width: 100%; }	
.atr1cont:after{
	content: "";
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}
.atr1cont p{ display: inline-block;}
.hsfont{ font-weight: bold;color:#ffc601; font-size: 20px;}
#atr11{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 220px;
	width:90%;
	padding-left: 10%;
}
.jsp{ padding-left: 10px; padding-top:10px; display: block; float: left; width: 60%;}

#atr2cont{  width: 100%;  background: url(../img/zxgg.png) no-repeat center; height: 230px;}			
#atr3cont{  width: 500px;margin: 0 auto; height: 185px;}	
#atr3cont img{ display: inline-block; clear: both;}
#atr3cont #text{ display: inline-block; margin-left: 20px; margin-top: 40px; height:100%;}
/*中间聊天板*/

#header_c{ width: 100%; background: #1f1f1f; height: 42px; color: #FFFFFF; font-size: 16px;  }
#header_c i{line-height: 42px;}
#gdmar{ width: 80%; margin: 0 auto;}
#chatListOut{ width: 100%; height:600px;background: #2d2f31; margin-top: 5px;overflow-x:hidden;
	overflow-y:auto;word-break:break-all;}

.sentchat{ width: 100%; height: 230px;background: #2d2f31; margin-top: 5px ;}
.chatkj{ width: 100%; height: 35px; padding: 5px 0;}
#thView{ padding:0 30px; color: #FFFFFF;}
@-moz-document url-prefix(){.sentchat{height: 270px}}
.chatkj ul{ padding-left: 20px;}
.chatkj ul li{width: 35px; height: 35px; float: left; cursor: pointer; padding: 0 5px;}
.chatkj ul #bq{ background: url(../img/icona.png) no-repeat center;}
.chatkj ul #tp{ background: url(../img/iconb.png) no-repeat center;}
.chatkj ul #qc{ background: url(../img/iconc.png) no-repeat center;}
.chatkj ul #ls{ background: url(../img/icond.png) no-repeat center;}

.chatkj ul .bq{ background: url(../img/icona.png) no-repeat center;}
 


.sentbnt{ background: url(../img/sentbg.png) no-repeat center; height:38px; width: 81px; float: right; margin: 10px; cursor: pointer;}



.lsit{
	padding: 10px 10px;
	font-size: 11pt;
}
.chatbg{
  position: relative;
 padding: 3px 0;
  background: rgb(177,232,100);
  border-radius:5px;
  left: 50px;
  top:0px;
  padding: 10px;
   
 max-width: 60%;
 display: inline-block;
  
  
}
.chatbg:before{
  content:"";
  width:0px;
  height:0px;
  position: absolute;
  top:5px;
  left:-10px;
  border-width:5px ;
  border-style:solid;
  border-color:rgb(177,232,100) transparent transparent transparent;
  transform:rotate(90deg);
  
}

.headimg{ float: left;}
.headimg img{ width: 40px; height: 40px;}
.dialog_top{ padding-left: 50px;height: 40px;}
.dialog_top:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden; height:20px;
	
}

.uname{ color: #FFFFFF;}
.dtime{ color: #FFFFFF;}




/*右边*/

#typeList{
				width:100%;
                height:652px;
				/*min-height:652px;*/
				overflow-x:hidden;
				overflow-y:auto;
				background-color:#363534;
				color: #FFFFFF;cursor:pointer;
				}		
.mantype{
			
			height:40px;
			width:100%;
			background: #1b1b1b;
			}
			.mantype div{
				float:left;
				width:50%;
				height:40px;
				line-height:30px;
				text-align:center;
				color:#FFFFFF;
				cursor:pointer;
				line-height: 40px;
				}
			.mantype div.arthv{
				
				color:#1c4c8c;
				}
			.mantype div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			

.head_r{ width: 100%; background: #1f1f1f; 
height: 40px; color: #FFFFFF; text-align: center; font-size: 20px; line-height: 30px;}


#tou1 ul li{ float: left; width: 33%; cursor: pointer;}
#tou1 ul li:hover{ background: #1F1F1F;}
#tou2 ul li{ float: left; color: #FFFFFF;height: 40px; width: 33%; text-align: center; line-height: 3.5em;font-size:80%; font-weight: bold;overflow: hidden; }
#tou2 ul li:hover{
line-height: 1.5em;

transition:line-height 0.1s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:line-height 0.1s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:line-height 0.1s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:line-height 0.1s;
-o-transition-timing-function:linear;
}
#tou2 ul #tou2lia{ background: #e60012;}
#tou2 ul #tou2lib{ background: #000000;}
#tou2 ul #tou2lic{ background: #009944;}

#type1a li{ width: 100%; padding: 9px 0; height: 35px; border: 1px solid #000000;}
#type1a li .touxiang{height: 33px; width: 33px; padding: 4px 4px;}

#type2a li{ width: 100%; padding: 9px 0; height: 35px; border: 1px solid #000000;}
#type2a li .touxiang{height: 33px; width: 33px; padding: 4px 4px;}
.touxiang img{height: 33px; width: 33px; padding: 4px 4px;}